// 返佣设置

import React from 'react';
import {Form,Radio, Input,Button} from "antd";


const RebateSettings = () => {
  return (
    <div style={{background:'#fff',padding:'20px 30px'}}>
      <Form
        layout='horizontal'
        onFinish={()=>{
          console.log('提交了')
        }}
        labelCol={{span:3}}
        wrapperCol={{span:10}}
      >
        <Form.Item
          name="miniAmount"
          label="一级返佣比例"
          tooltip={'订单交易成功后给上级返佣的比例0 - 100,例:5 = 反订单金额的5%'}
          // labelCol={{span: 4}}
        >
          <Input placeholder="订单交易成功后给上级返佣的比例0 - 100,例:5 = 反订单金额的5%" value={'50'} />
        </Form.Item>
        <Form.Item
          name="miniAmount"
          label="二级返佣比例"
          tooltip={'订单交易成功后给上级返佣的比例0 - 100,例:5 = 反订单金额的5%'}
          // labelCol={{span: 4}}
        >
          <Input placeholder="订单交易成功后给上级返佣的比例0 - 100,例:5 = 反订单金额的5%" value={'30'} />
        </Form.Item>
        <Form.Item
          name="miniAmount"
          label="冻结时间"
          tooltip={'佣金冻结时间(天)'}
          // labelCol={{span: 4}}
        >
          <Input placeholder="佣金冻结时间(天)" value={'0'} />
        </Form.Item>
        <Form.Item name="radio-group" label="佣金到账方式" tooltip={ '佣金到账方式支持线下转账和微信零钱自动转账，手动转账更安全，自动转账更方便' } >
          <Radio.Group>
            <Radio value="a">线下手动转账</Radio>
            <Radio value="b">自动到微信零钱</Radio>
          </Radio.Group>
        </Form.Item>
        <Form.Item name="radio-group" label="自购返佣" tooltip={ '是否开启自购返佣（开启：分销员自己购买商品，享受一级返佣，上级享受二级返佣； 关闭：分销员自己购买商品没有返佣）' } >
          <Radio.Group>
            <Radio value="a">关闭</Radio>
            <Radio value="b">开启</Radio>
          </Radio.Group>
        </Form.Item>
        <Form.Item name="radio-group" label="推广用户返佣" tooltip={ '分销推广用户获取佣金' } >
          <Radio.Group>
            <Radio value="a">关闭</Radio>
            <Radio value="b">开启</Radio>
          </Radio.Group>
        </Form.Item>
        <Form.Item
          name="miniAmount"
          label="推广返佣单价"
          tooltip={'分销推广佣金单价（每推广一个用户）'}
          // labelCol={{span: 4}}
        >
          <Input placeholder="分销推广佣金单价（每推广一个用户）" />
        </Form.Item>
        <Form.Item
          name="miniAmount"
          label="每日推广限额"
          tooltip={'每日推广佣金上限（0:不发佣金-1:不限制；注最好是推广佣金单价的整数倍）'}
          // labelCol={{span: 4}}
        >
          <Input placeholder="每日推广佣金上限（0:不发佣金-1:不限制；注最好是推广佣金单价的整数倍）" defaultValue={'500'} />
        </Form.Item>

        <Form.Item wrapperCol={{ span: 200, offset: 4 }} labelCol={{span:20}}>
          <Button type="primary" htmlType="submit" style={{width:150,height:40}}>
            提交
          </Button>
        </Form.Item>
      </Form>
    </div>
  );
};

export default RebateSettings;
